<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
		body{
			min-width: 1226px;
			height: 2000px;
		}
			 .showBox{
			 	width: 28px;
			 	height: 120px;
			 	position: fixed;
			 	right: 0px;
			 	top: 50%;
				margin-top: -60px;
			 	margin-right: 10px;
			 	padding: 0px 6px;
			 	font-size: 18px;
			 	text-align: center;
			 	background-color: #F86539;
			 	cursor: pointer;
			 }
			 .begin{
			 	width: 18px;
			 	height: 18px;
			 	border-radius: 50%;
			 	line-height: 14px;
			 	font-size: 20px;
			 	color: #F86539;
			 	border: 2px solid #F86539;
			 	background-color: white;
			 	margin: auto;
			 	position: relative;
			 	top: -12px;
			 }
			 .consult{
			 	position: relative;
			 	top: -12px;
			 	color: white;
			 	margin: 0px;
			 	font-size: 18px;
			 }
			 .hide{
			 	width: 110px;
			 	position: fixed;
			 	right: 10px;
			 	top: 350px;
			 	text-align: center;
			 	background-color: #F9FAFB;
			 	border-radius: 5px;
			 	border: 1px solid #DDDDDD;
			 	display: none;
			 }
			 .close1{
			 	width: 20px;
			 	height: 20px;
			 	line-height: 16px;
			 	position: relative;
			 	right: -80px;
			 	top: -12px;
			 	border-radius: 50%;
			 	border: 1px solid #DDDDDD;
			 	color: #8B8B8B;
			 	cursor: pointer;
			 	background-color: #F9FAFB;
			 }
			 .hide1{
			 	text-decoration:none;
			 	color: #0484CD;
			 	display: block;
			 	width: 110px;
			 	height: 120px;
			 	position: relative;
			 	top: -10px;
			 }
			 .img1{
			 	width: 75px;
			 	height: 75px;
			 	border-radius: 50%;
			 	margin: 0px;
			 	box-shadow: 1px 2px 5px #8B8B8B;
			 }
			 .hide2>h4,.hide2>p{
			 	font-size: 12px;
			 	margin: 0px 0px 5px 0px;
			 	position: relative;
			 	top: -10px;
			 }
			 .hide3>div{
			 	float: left;
			 	width: 52px;
			 	height: 40px;
			 	position: relative;
			 }
			 .code{
			 	position: absolute;
			 	left: -153px;
			 	top: -110px;
			 	border:  1px solid #DDDDDD;
			 	display: none;
			 }
		</style>
	</head>
	<body>
		<div id="home">
			<div class="showBox">
				<div class="begin">+</div>
				<p class="consult">在线咨询</p>
			</div>
			<div class="hide">
				<div class="close1">x</div>
				<a class="hide1" href="">
					<div style="border-bottom: 1px solid #DDDDDD;">
						<img class="img1" src="QQ.jpg"/>
						<p style="font-size: 14px;margin: 5px 0px;">QQ在线咨询</p>
					</div>
				</a>
				<div class="hide2" style="border-bottom: 1px solid #DDDDDD;">
					<h4>售前咨询热线</h4>
					<p style="color: #E66D15;">400-123-45678</p>
					<h4>售后咨询热线</h4>
					<p style="color: #E66D15;">010-12345678</p>
				</div>
				<div class="hide3">
					<div class="ico1" style="border-right: 1px solid #DDDDDD;">
						<img src="tubiao1.png"/>
						<img class="code" src="erweima.jpg"/>
					</div>
					<div class="ico2"><a href=""><img src="tubiao2.png"/></a></div>
				</div>
			</div>
		</div>
	</body>
</html>
		<script src="jquery-3.1.1.js"></script>
		<script src="index.js"></script>